
layui.use(['layer','table','laydate'],function(){
    $ = layui.jquery;
    var layer = layui.layer ,table = layui.table,laydate = layui.laydate;
    //第一个实例
    table.render({
        elem: '#demo'
        ,height: "auto"
        ,method:"post"
        ,url: baseUrl+'Airlines/findAll' //数据接口
        ,page: false //开启分页
        ,where : {type:1}
        ,cols: [[ //表头
             {field: 'id', title: 'id',align:'center', sort:true}
            ,{field: 'name', title: '姓名',align:'center',event:"edit2"}
            ,{field: 'wx', title: '微信号',align:'center',event:"edit3"}
            // ,{field: 'wxService', title: '微信',align:'center',event:"edit4"}
        ]]
        ,done:function(res,curr,count){
            // 隐藏列
            $(".layui-table-box").find("[data-field='id']").css("display","none");
        }
    });
    //监听工具条
    table.on('tool(test)', function(obj){
        var data = obj.data;
        var layEvent = obj.event;
        var tr = obj.tr; //获得当前行 tr 的DOM对象
         if(layEvent === 'edit2') { //编辑
           layer.prompt({
               formType: 2
               ,shadeClose:true
               ,title: '修改姓名'
               ,value: data.name
           }, function(value, index){
               layer.close(index);
               var uinfo = { "name" : value,"id":data.id }
               //这里一般是发送修改的Ajax请求
               $.ajax({
                   type: 'post',
                   url: baseUrl+"Airlines/update",
                   data: uinfo,
                   async:false,
                   dataType: 'json',
                   success: function(res){
                       if(res.meta.code==200){
                           //加载层
                           var index = layer.load(0, {shade: false,time:500} ); //0代表加载的风格，支持0-2
                           setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:1,time:1000});index.closed}, 500);
                           setTimeout(function(){
                               obj.update({
                                   name: value
                               });}, 1000);
                       }else{
                           //加载层
                           var index = layer.load(0, {shade: false,time:1000} ); //0代表加载的风格，支持0-2
                           setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:2,time:1000});index.closed}, 1000);
                       }
                   }
               });
           });
       }else if(layEvent === 'edit3') { //编辑
           layer.prompt({
               formType: 2
               ,shadeClose:true
               ,title: '修改微信账号'
               ,value: data.wx
           }, function(value, index){
               layer.close(index);
               var uinfo = { "wx" : value,"id":data.id}
               //这里一般是发送修改的Ajax请求
               $.ajax({
                   type: 'post',
                   url: baseUrl+"Airlines/update",
                   data: uinfo,
                   async:false,
                   dataType: 'json',
                   success: function(res){
                       if(res.meta.code==200){
                           //加载层
                           var index = layer.load(0, {shade: false,time:500} ); //0代表加载的风格，支持0-2
                           setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:1,time:1000});index.closed}, 500);
                           setTimeout(function(){
                               obj.update({
                                   wx: value
                               });}, 1000);
                       }else{
                           //加载层
                           var index = layer.load(0, {shade: false,time:1000} ); //0代表加载的风格，支持0-2
                           setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:2,time:1000});index.closed}, 1000);
                       }
                   }
               });
           });
       }
    });
    //第二个实例
    table.render({
        elem: '#demo1'
        ,height: "auto"
        ,method:"post"
        ,url: baseUrl+'Airlines/findAll' //数据接口
        ,where : {type:2}
        ,page: false //开启分页
        ,cols: [[ //表头
            {field: 'id', title: 'id',align:'center', sort:true}
            ,{field: 'name', title: '姓名',align:'center',event:"edit2"}
            ,{field: 'wx', title: '支付宝',align:'center',event:"edit3"}
            // ,{field: 'wxService', title: '微信',align:'center',event:"edit4"}
        ]]
        ,done:function(res,curr,count){
            // 隐藏列
            $(".layui-table-box").find("[data-field='id']").css("display","none");
        }
    });
    //监听工具条
    table.on('tool(test2)', function(obj){
        var data = obj.data;
        var layEvent = obj.event;
        var tr = obj.tr; //获得当前行 tr 的DOM对象
        if(layEvent === 'edit2') { //编辑
            layer.prompt({
                formType: 2
                ,shadeClose:true
                ,title: '修改姓名'
                ,value: data.name
            }, function(value, index){
                layer.close(index);
                var uinfo = { "name" : value,"id":data.id }
                //这里一般是发送修改的Ajax请求
                $.ajax({
                    type: 'post',
                    url: baseUrl+"Airlines/update",
                    data: uinfo,
                    async:false,
                    dataType: 'json',
                    success: function(res){
                        if(res.meta.code==200){
                            //加载层
                            var index = layer.load(0, {shade: false,time:500} ); //0代表加载的风格，支持0-2
                            setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:1,time:1000});index.closed}, 500);
                            setTimeout(function(){
                                obj.update({
                                    name: value
                                });}, 1000);
                        }else{
                            //加载层
                            var index = layer.load(0, {shade: false,time:1000} ); //0代表加载的风格，支持0-2
                            setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:2,time:1000});index.closed}, 1000);
                        }
                    }
                });
            });
        }else if(layEvent === 'edit3') { //编辑
            layer.prompt({
                formType: 2
                ,shadeClose:true
                ,title: '修改支付宝账号'
                ,value: data.wx
            }, function(value, index){
                layer.close(index);
                var uinfo = { "wx" : value,"id":data.id}
                //这里一般是发送修改的Ajax请求
                $.ajax({
                    type: 'post',
                    url: baseUrl+"Airlines/update",
                    data: uinfo,
                    async:false,
                    dataType: 'json',
                    success: function(res){
                        if(res.meta.code==200){
                            //加载层
                            var index = layer.load(0, {shade: false,time:500} ); //0代表加载的风格，支持0-2
                            setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:1,time:1000});index.closed}, 500);
                            setTimeout(function(){
                                obj.update({
                                    wx: value
                                });}, 1000);
                        }else{
                            //加载层
                            var index = layer.load(0, {shade: false,time:1000} ); //0代表加载的风格，支持0-2
                            setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:2,time:1000});index.closed}, 1000);
                        }
                    }
                });
            });
        }
    });
    //第三个实例
    table.render({
        elem: '#demo2'
        ,height: "auto"
        ,method:"post"
        ,url: baseUrl+'Airlines/findAll' //数据接口
        ,where : {type:3}
        ,page: false //开启分页
        ,cols: [[ //表头
            {field: 'id', title: 'id',align:'center', sort:true}
            ,{field: 'name', title: '姓名',align:'center',event:"edit2"}
            ,{field: 'wx', title: '银行卡号',align:'center',event:"edit3"}
            ,{field: 'blank', title: '归属行',align:'center',event:"edit4"}
        ]]
        ,done:function(res,curr,count){
            // 隐藏列
            $(".layui-table-box").find("[data-field='id']").css("display","none");
        }
    });
    //监听工具条
    table.on('tool(test3)', function(obj){
        var data = obj.data;
        var layEvent = obj.event;
        var tr = obj.tr; //获得当前行 tr 的DOM对象
        if(layEvent === 'edit2') { //编辑
            layer.prompt({
                formType: 2
                ,shadeClose:true
                ,title: '修改姓名'
                ,value: data.name
            }, function(value, index){
                layer.close(index);
                var uinfo = { "name" : value,"id":data.id }
                //这里一般是发送修改的Ajax请求
                $.ajax({
                    type: 'post',
                    url: baseUrl+"Airlines/update",
                    data: uinfo,
                    async:false,
                    dataType: 'json',
                    success: function(res){
                        if(res.meta.code==200){
                            //加载层
                            var index = layer.load(0, {shade: false,time:500} ); //0代表加载的风格，支持0-2
                            setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:1,time:1000});index.closed}, 500);
                            setTimeout(function(){
                                obj.update({
                                    name: value
                                });}, 1000);
                        }else{
                            //加载层
                            var index = layer.load(0, {shade: false,time:1000} ); //0代表加载的风格，支持0-2
                            setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:2,time:1000});index.closed}, 1000);
                        }
                    }
                });
            });
        }else if(layEvent === 'edit3') { //编辑
            layer.prompt({
                formType: 2
                ,shadeClose:true
                ,title: '修改支付宝账号'
                ,value: data.wx
            }, function(value, index){
                layer.close(index);
                var uinfo = { "wx" : value,"id":data.id}
                //这里一般是发送修改的Ajax请求
                $.ajax({
                    type: 'post',
                    url: baseUrl+"Airlines/update",
                    data: uinfo,
                    async:false,
                    dataType: 'json',
                    success: function(res){
                        if(res.meta.code==200){
                            //加载层
                            var index = layer.load(0, {shade: false,time:500} ); //0代表加载的风格，支持0-2
                            setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:1,time:1000});index.closed}, 500);
                            setTimeout(function(){
                                obj.update({
                                    wx: value
                                });}, 1000);
                        }else{
                            //加载层
                            var index = layer.load(0, {shade: false,time:1000} ); //0代表加载的风格，支持0-2
                            setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:2,time:1000});index.closed}, 1000);
                        }
                    }
                });
            });
        }else if(layEvent === 'edit4') { //编辑
            layer.prompt({
                formType: 2
                ,shadeClose:true
                ,title: '修改支付宝账号'
                ,value: data.blank
            }, function(value, index){
                layer.close(index);
                var uinfo = { "blank" : value,"id":data.id}
                //这里一般是发送修改的Ajax请求
                $.ajax({
                    type: 'post',
                    url: baseUrl+"Airlines/update",
                    data: uinfo,
                    async:false,
                    dataType: 'json',
                    success: function(res){
                        if(res.meta.code==200){
                            //加载层
                            var index = layer.load(0, {shade: false,time:500} ); //0代表加载的风格，支持0-2
                            setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:1,time:1000});index.closed}, 500);
                            setTimeout(function(){
                                obj.update({
                                    blank: value
                                });}, 1000);
                        }else{
                            //加载层
                            var index = layer.load(0, {shade: false,time:1000} ); //0代表加载的风格，支持0-2
                            setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:2,time:1000});index.closed}, 1000);
                        }
                    }
                });
            });
        }
    });

})
